<template>
	<view class="content">
		<view class="content-1">
			<view class="content-1-1">
				我们的优势
			</view>
		</view>
		<view class="content-2 flex">
			<view class="item" v-for="(item,index) in advantages" :key="index">
				<view class="item-1 flex">
					<i class="iconfont icon-youshi"></i>
					<view class="item-1-1">
						{{item.title}}
					</view>
				</view>
				<view class="item-2">
					{{item.des}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			infos:{
				apply:[
					{title:'技术交底指导',des:'专利顾问会与客户详细沟通交底材料的填写,不用担心方案描述不清楚'},
					{title:'专利检索',des:'专利顾问将对您的方案进行技术检索，有效降低申请风险'},
					{title:'费减指导',des:'节约专利费用，可省1000-5000元不等'},
					{title:'专利文件撰写',des:'本领域专利老师撰稿，提升授权率'},
					{title:'平面画图（修图）',des:'全面展示产品图形，满足附图要求'},
					{title:'专利质量审查',des:'专业审查人员把关,不符合审查标准的专利文件一律退回重写'},
					{title:'客户一票否决权',des:'客户对我们的工作成功进行确认，不满意，我们重头再来'},
					{title:'电子递交国知局',des:'极速提交，1-2个工作日拿到受理通知书'},
					{title:'审查意见答复',des:'解答审查员的疑问，大大提高专利的申请成功率'},
					{title:'专利证书寄送',des:'EMS安全速递，1-3天送证上门'},
					{title:'专利年费监控',des:'防止未缴纳年费导致专利失效'}
				],
				other:[
					{title:'国防保密认证',des:'具有承担保密级项目总体和科研生产任务的资格'},
					{title:'专业顾问',des:'专业的知识产权顾问24小时待命,一对一专属服务'},
					{title:'资金安全',des:'严格的资金管理流程，完善安全技术'},
					{title:'质量保证',des:'服务上百家企业，以质量赢取客户'}
				]
			},
			advantages:[]
		};
	},
	props:['type'],
	created() {
		if(this.type == 'apply') {
			this.advantages = this.infos.apply;
		}else this.advantages = this.infos.other;
	}
}
</script>

<style lang="scss" scoped>
.content {
	background: #fff;
	padding: 32rpx 35rpx 90rpx 20rpx;
	margin-top: 20rpx;
	.content-1 {
		position: relative;
		height: 32rpx;
		image {
			position: absolute;
			top: 18rpx;
			height:18rpx;
			width: 158rpx;
		}
	}
	.content-1-1 {
		position: absolute;
		font-size: 32rpx;
		color: $uni-color-middle;
		background-image: linear-gradient(90deg,
		#f6e57f 0%, 
		#fd8261 100%);
	}
	.content-2 {
		margin-top: 38rpx;
		flex-wrap: wrap;
		.item {
			margin-bottom: 27rpx;
			.item-1 {
				font-size: 28rpx;
				color: $uni-color-top;
				margin-bottom: 20rpx;
				margin-left: 20rpx;
				i{
					color: #3baa2d;
					margin-right: 10rpx;
					font-size: 44rpx;
					margin-top: -10rpx;
				}
			}
			.item-2 {
				font-size: 26rpx;
				color: $uni-color-middle;
				margin-left: 60rpx;
			}
		}
	}
}
</style>